<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1">
    <title>信息管理系统</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/g_employee.css">
</head>

<body>
    <div id="employee">
        <p>员工管理</p>
        <div id="addQueryBox">
            <div>
                <button id="addBtnEmp" type="button" class="btn btn-info">添加</button>
                <select name="queryCondition" id="queryCondition">
                        <option value="1">所有员工</option>
                        <option value="2">员工姓名</option>
                        <option value="3">所属部门</option>
                        <option value="4">文化程度</option>
                        <option value="5">工作职位</option>
                    </select>
            </div>
            <div id="queryBox">
                <input type="text" id="queryEmp" class="form-control">
                <!--查询框-->
                <button id="queryEmpBtn" type="button" class="btn btn-default">查看</button>
                <!--查询按钮-->
            </div>
        </div>
        <table class="table table-hover table_div">
            <thead>
                <tr>
                    <td><input type="checkbox" id="empCheckAll"></td>
                    <td>Id</td>
                    <td>姓名</td>
                    <td>性别</td>
                    <td>出生日期</td>
                    <td>文化程度</td>
                    <td>联系方式</td>
                    <td>所在部门</td>
                    <td>工作职位</td>
                    <td>操作</td>
                </tr>
            </thead>
            <tbody id="empTbody">

            </tbody>
        </table>
        <!--添加和修改弹出表单-->
        <form action="#" id="addUser">
            <div id="empHead">员工信息添加</div>
            <table id="addEmp">
                <thead>
                </thead>
                <tbody id="empTbodyTwo">
                    <tr>
                        <td>
                            <lable>员工姓名:</lable>
                        </td>
                        <td>
                            <input type="text" id="eName" class="form-control">
                            <label id="updateEmpName" class="updateLable"></label>
                        </td>
                        <td>
                            <lable>员工性别:</lable>
                        </td>
                        <td id="empSexTwo">
                            <div>
                                <lable class="empSex">男</lable>
                                <input class="empSex form-control empMan" type="radio" name="sex" value="1">
                            </div>
                            <div>
                                <lable class="empSex">女</lable>
                                <input class="empSex form-control empMan" type="radio" name="sex" value="0" checked="true">
                            </div>
                            <lable id="updateEmpSex" class="updateLable"></lable>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <lable>出生日期:</lable>
                        </td>
                        <td>
                            <input type="date" id="empDateTime" class="form-control">
                            <label id="updateEmpDateTime" class="updateLable"></label>
                        </td>
                        <td>
                            <lable>文化程度:</lable>
                        </td>
                        <td>
                            <select name="culture" id="empCulture">
                            </select>
                            <label id="updateEmpCulture" class="updateLable"></label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <lable>所属专业:</lable>
                        </td>
                        <td>
                            <input type="text" id="empMajor" class="form-control">
                            <label id="updateEmpMajor" class="updateLable"></label>
                        </td>
                        <td>
                            <lable>联系方式:</lable>
                        </td>
                        <td>
                            <input type="text" id="empTel" class="form-control">
                            <label id="updateEmpTel" class="updateLable"></label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <lable>家庭住址:</lable>
                        </td>
                        <td>
                            <input type="text" id="empAddress" class="form-control">
                            <label id="updateEmpAddress" class="updateLable"></label>
                        </td>
                        <td>
                            <lable>政治面貌:</lable>
                        </td>
                        <td>
                            <select name="politics" id="empPolitics">
                            </select>
                            <label id="updateEmpPol" class="updateLable"></label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <lable>所在部门:</lable>
                        </td>
                        <td>
                            <select name="department" id="empDepartment">
                            </select>
                            <label id="updateEmpDep" class="updateLable"></label>
                        </td>
                        <td>
                            <lable>工作职位:</lable>
                        </td>
                        <td>
                            <select name="position" id="empPosition">
                            </select>
                            <label id="updateEmpPos" class="updateLable"></label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <lable>入职日期:</lable>
                        </td>
                        <td>
                            <input type="date" id="empEntryTime" class="form-control">
                            <label id="updateEmpEntryTime" class="updateLable"></label>
                        </td>
                        <td></td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
            <div id="empHeadImg">
                <img src="../images/g/1.jpg" alt="加载失败" />
                <span>员工头像</span>
                <input id="file" type="file" />
            </div>
            <div id="btnToa">
                <button class="btn btn-primary" id="addEmpBtn" type="button">保存</button>
                <button class="btn btn-default" id="cancelEmpBtn" type="button">取消</button>
            </div>
        </form>
        <!--分页-->
        <div id="pageEmp">

        </div>
        <div id="mask"></div>
    </div>
    <script src="../js/jquery.js" type="text/javascript"></script>
    <script src="../js/bootstrap.js" type="text/javascript"></script>
    <script src="../js/g_employee.js" type="text/javascript"></script>
</body>

</html>
</body>

</html>